<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Google Storage for Developers 加强版</title>
    <meta name="keywords" content="Google Storage for Developers 加强版 xuminzhong"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" rel="stylesheet" href="/static/storage/storage.css">
</head>
<body class="vbox">
<div class="error hbox noflex" title="double click to Close">
	{{ gs.errorMsg }}
</div>

<div class="action-bg">
<div class="action-fg">
	<ul class="target">
		<li>abc.xml</li>
		<li>asbc.xml</li>
	</ul>
	
	<div class="rename">
		<label>
			New Name:
			<input type="text" name="rename"/>
		</label>
		<label>
			Current Path:
			<input type="text" name="bucket" disabled="true"/>
		</label>
		<!--
		<label>
			Default:
			<input type="radio" name="rename-type" checked="true" class="default" />
		</label>
		<label>
			Prefix:
			<input type="radio" name="rename-type" class="prefix"/>
		</label>
		<label>
			Suffix:
			<input type="radio" name="rename-type" class="suffix"/>
		</label>
		-->
	</div>

	<div class="copy">
		<label>
			Copy To:
			<input type="text" name="copy"/>
		</label>
		<label>
			Current Path:
			<input type="text" name="bucket" disabled="true"/>
		</label>
	</div>

	<div class="move">
		<label>
			Move To:
			<input type="text" name="move"/>
		</label>
		<label>
			Current Path:
			<input type="text" name="bucket" disabled="true"/>
		</label>
	</div>
	<div class="delete-files">
		<p>Are You Sure ?</p>
		<label>
			Current Path:
			<input type="text" name="bucket" disabled="true"/>
		</label>
	</div>
</div>
<input type="button" value="ok" name="ok">
<input type="button" value="cancel" name="cancel">
</div>

<h1 id="logo" class="noflex"><a href="#">
	<img src="/static/storage/code_labs_logo.gif"><span>Google Storage for Developers</span>
</a></h1>
<div class="ajax-load loading-icon"></div>
<div class="load-more">Load ↓ More</div>
<div class="hbox noflex note">
    <a href="http://coolweblog.appspot.com/2011/06/1/Google-Storage-for-Developers-plus.html#comment" target="_blank">反馈</a>
	<a href="http://coolweblog.appspot.com/2011/06/1/Google-Storage-for-Developers-plus.html" target="_blank">说明</a>
</div>
<div class="hbox noflex try" title="输入你的Google Storage Key">
    <form action="/storage/login" method="post" id='login-form'>
        <label class="try-text">试用<span class="id" id="try_id">{{ gs.id }}</span></label>
        <label>ID:
            <input type="text" name="id" value=""/>
        </label>
        <label>Key:
            <input type="text" name="key" value=""/>
        </label>
        <input type="submit" value="提交"/>
    </form>
</div>
<div id="main-ui" class="vbox">
    <div id="app" class="vbox">
        <div id="nav-top" class="hbox noflex">
            <div class="places-on noflex"><h2>Places</h2>
                <div class="places-toggle-button" title="Hide Places"><img src="/static/storage/blank.gif"></div>
            </div>
            <div class="places-off noflex" title="Show Places"><img src="/static/storage/blank.gif"></div>

            <ol class="breadcrumb">
                <li class="selected home-icon"><a href="#">Home</a></li>
            </ol>
            <div class="butterbar" style="display:none"></div>
            <ol class="folder-actions noflex">
                <li class="refresh-link">Refresh</li>
                <li class="divider"></li>
                <li class="add-folder bucket-icon" title="Add new bucket">New Bucket</li>
				<li class="rename disabled" title="Rename">
					<img class="rename-icon" src="/static/storage/blank.gif">Rename
				</li>
				<li class="copy disabled" title="Copy">
					<img class="copy-icon" src="/static/storage/blank.gif">Copy
				</li>
				<li class="move disabled" title="Move">
					<img class="move-icon" src="/static/storage/blank.gif">Move
				</li>
                <li class="add-to-places disabled" title="Add Places">
                    <img class="star-icon-on" src="/static/storage/blank.gif">Add Places
                </li>
                <li class="upload-files disabled" title="Upload files">
                    <img class="upload-icon" src="/static/storage/blank.gif">Upload
	                <div class="upload-files-input-container hidden"><input type="file" multiple="true" style="opacity:0"></div>
                </li>
                <li class="delete-files disabled" title="Delete">
					<img class="trash-icon" src="/static/storage/blank.gif">Delete
                </li>
            </ol>
        </div>
        <div class="hbox">
            <div id="nav-left" class="vbox noflex">
                <div id="places" class="nav-module">
                    <ul class="places-list">
                        
                    </ul>
                </div>
            </div>
            <div class="main-divider noflex"></div>
            <div id="main-content" class="vbox file-list">
	            <div id="upload-monitor" class="uploader noflex " style="display:none;">
		            Uploading<span class="upload-file-name"></span><span class="upload-file-count"></span>
		            <div class="progress-bar">
			            <div class="progress-bar-inner" style="width:0;"></div>
		            </div>
		            <!-- <span class="link">Cancel</span><span class="link btn-cancel-all">Cancel All</span> -->
	            </div>
                <div class="vbox">
                    <div class="folder-view">
                        <table class="file-list bucket-table">
                            <thead class="file-header">
								<tr>
									<td class="file-selected"><input type="checkbox" /></td>
									<td class="file-name">Name</td>
								</tr>
                            </thead>
                            <tbody>
                            {% for bucket in gs.buckets %}
                                <tr class="file-container">
                                    <td class="file-selected"><input type="checkbox"></td>
                                    <td draggable="true" class="file-name bucket-icon">
                                        <a href="/storage/#{{ bucket }}"> <span> {{ bucket }} </span></a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
						<!-- -->
                        <table class="file-list file-table">
                            <thead class="file-header">
                            <tr>
                                <td class="file-selected"><input type="checkbox"></td>
                                <td class="file-name">Name <input type="text" class="search-box" title="Enter to Search, Esc to clear"/> <span class="curr"></span>/<span class="all"></span></td>
                                <td class="file-size">Size/Count</td>
                                <td class="file-modified">Last Updated</td>
                                <td class="file-share"><div>Share Publicly</div></td>
                            </tr>
                            </thead>
                            <tbody>
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<!--<script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script>-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/static/storage/storage.min.js"></script>

</html>